@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#000; font-size: 12px; font-family:arial,"Microsoft Yahei","\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#222;  }
a:hover { color:#ee7f00  ;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}

.ratio-img{ width:100%; height:auto; background:url(http://www.hlkx.net/web/2141/images/error.png) center no-repeat #f0f0f0;}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.3s all; -webkit-transition:0.3s  all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.weixin{ position:fixed; width:300px; height:280px; z-index:100000;  left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.weixin .c{ position:absolute; width:30px; height:30px; background:url(http://www.hlkx.net/web/2141/images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin p {  margin:0 1.5%; text-align:center;  }
.weixin .img img{ width:150px; height:150px; display:block; margin:0 auto 10px; }

.select-box {  position: relative; z-index: 100; border-radius: 1px; line-height: 30px; height: 30px; color: #000; }
.select-box:hover { z-index: 101; }
.select-box dt { margin-right: 1px; padding: 0 5px; cursor: pointer; }
.select-box dt span{ position:absolute; left:5px; top:0;}
.select-box dt b { font-weight: normal; display: block; margin-right: 7px; line-height:23px; position:relative; top:4px;  color: #666; white-space:normal; overflow:hidden; }
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out; background: url(/web/2141/images/en.png) no-repeat 0 0; width: 7px; height: 4px; right: 6px; top: 50%; margin-top: -2px; }
.select-box.open dt i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box.open dd { display:block;}
.select-box dd { position: absolute; border:1px solid #ddd;  max-height: 200px; z-index: 102; overflow-y: auto; background: #fff; padding: 0 0; overflow-x: hidden; right: -1px; left: -1px; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 2; color: #666; font-weight: normal; white-space: normal; padding: 0 5px; margin-top: 0px; }
.select-box dd a:hover, .select_0 dd a.on { color: #000; background: #ddd; }

.wrap,
.section .w{ max-width:1160px; margin:0 auto; position:relative; z-index:3;}

.bak-mask{ position:absolute; width:860px; height:269px; left:50%; top:50%; margin:-135px 0 0 -430px; z-index:2;}
.bak-mask img{ width:100%; height:auto; transition:1.5s all; -webkit-transition:1.5s all; opacity:0; visibility:hidden; transform:scale(0.5,0.5); -webki-transform:scale(0.5,0.5); position:absolute; left:0; top:0;}
.bak-mask.aa0 img.a1 {opacity:1; visibility:visible; transform:scale(1,1); -webki-transform:scale(1,1); transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.bak-mask.aa1 img.a2 {opacity:1; visibility:visible; transform:scale(1,1); -webki-transform:scale(1,1); transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.bak-mask.aa2 img.a3 {opacity:1; visibility:visible; transform:scale(1,1); -webki-transform:scale(1,1); transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.bak-mask.aa3 img.a4 {opacity:1; visibility:visible; transform:scale(1,1); -webki-transform:scale(1,1); transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.top-banner { position:absolute; width:100%; height:100%; left:0; top:0;}
.top-banner li{ }

.nfl{ width:37px;height:24px;position:fixed;right:0px;margin:0px 16px 0px 0px; top:12px; z-index:9999;  display:none;}
.nfl img{width:36px;height:26px; }
.menu-open .menu{ display:block;}
.menu{width:90px;position:absolute;right:0px;top:36px; z-index:999999; display:none; }
.menu i{display: block;
width: 0;
height: 0;
border:solid 9px;
border-color: transparent transparent rgba(255,255,255,1);
position: absolute;
top:-18px;
right:8px;
margin-left:-9px;}
.menu ul{  padding:5px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff; box-shadow:0 1px 3px #666;}
.menu ul li{line-height:30px; color:#333;font-size:14px; text-align:center;}
.menu ul li a{color:#333;font-size:14px; display:block; }
.menu ul li a:hover{ color:#fff; background:#009FDE;}

.fp-viewing-page2 .header,.fp-viewing-page3 .header,.fp-viewing-page4 .header,.fp-viewing-page5 .header,.fp-viewing-page6 .header,.fp-viewing-page7 .header,.fp-viewing-page8 .header,.fp-viewing-page9  .header
{ background:transparent;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); transition:0.5s all; -webkit-transition:0.5s all;}
.fp-viewing-page2 .header .w,.fp-viewing-page3 .header .w,.fp-viewing-page4 .header .w,.fp-viewing-page5 .header .w,.fp-viewing-page6 .header .w,.fp-viewing-page7 .header .w,.fp-viewing-page8 .header .w,.fp-viewing-page9  .header .w
{ padding-top:0;  transition:0.5s all; -webkit-transition:0.5s all;}
.fp-viewing-page2 .header .w .logo img,
.fp-viewing-page3 .header .w .logo img,
.fp-viewing-page4 .header .w .logo img,
.fp-viewing-page5 .header .w .logo img,
.fp-viewing-page6 .header .w .logo img,
.fp-viewing-page7 .header .w .logo img,
.fp-viewing-page8 .header .w .logo img,
.fp-viewing-page9 .header .w .logo img{ width:170px; height:auto; transition:0.5s all; -webkit-transition:0.5s all;}
.fp-viewing-page2 .header .w .nav,
.fp-viewing-page3 .header .w .nav,
.fp-viewing-page4 .header .w .nav,
.fp-viewing-page5 .header .w .nav,
.fp-viewing-page6 .header .w .nav,
.fp-viewing-page7 .header .w .nav,
.fp-viewing-page8 .header .w .nav,
.fp-viewing-page9 .header .w .nav{ margin-top:0; transition:0.5s all; -webkit-transition:0.5s all;}

.fp-viewing-page2 .header .w .nav li:first-child + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page3 .header .w .nav li:first-child + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page4 .header .w .nav li:first-child + li + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page5 .header .w .nav li:first-child + li + li + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page6 .header .w .nav li:first-child + li + li + li + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page7 .header .w .nav li:first-child + li + li + li + li + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page8 .header .w .nav li:first-child + li + li + li + li + li + li + li a{ border-bottom:3px solid #009fde;}
.fp-viewing-page9 .header .w .nav li:first-child + li + li + li + li + li + li + li + li a{ border-bottom:3px solid #009fde;}

.header { position:fixed; left:0; top:0; width:100%; height:auto; z-index:100; background:rgba(0,0,0,0.0);}
.header .w{ padding-top:30px; max-width:1260px; margin:0 auto; position:relative; z-index:3;}
.header .w .logo{ float:left;}
.header .w .nav{ float:right; margin-top:20px;}
.header .w .nav li{ float:left; line-height:50px;}
.header .w .nav li a{ display:block; margin:0 15px; padding:0 7px; font-size:16px; color:#fff;}
.header .w .nav li:hover a{ border-bottom:3px solid #009fde;}

.section .w{}
.section .w > h2{  padding-top:150px; text-align:center; font-size:30px; color:#000;}
.section .w > h3{  text-align:center; margin-bottom:100px; color: #009fde; font-size:20px;}

.mouse {
    background: url(/web/2141/images/mouse.png) no-repeat;
    width: 100px;
    height: 74px;
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 80%;z-index:9999999999999;
    margin: 0 0 0 -50px;
}


.sec2new{}
.sec2new li{ float:left; width:25%; *margin-left:-1px;}
.sec2new li .w-wrap{ margin:0 30px; background:#F7F7F7;  }
.sec2new li .sec21{ position:relative; padding:0;  transition:0.5s all; -webkit-transition:0.5s all;}
.sec2new li .sec21 .u{ position:relative;}
.sec2new li .sec21 img{ width:100%; height:auto; position:relative; transition:0.5s all; -webkit-transition:0.5s all; z-index:2;  opacity:0; visibility:hidden;}
.sec2new li .sec21 img:first-child{ position:absolute; z-index:1;   opacity:1;  visibility:visible;}
.sec2new li .sec22{ text-align:left; color:#000; position:relative; padding-bottom:20px;}
.sec2new li .sec22 span{ font-size:18px; position:relative; z-index:2; display:block; margin-bottom:10px;font-weight:300; padding-top:8px;}
.sec2new li .sec22 p{ font-size:14px; height:4.5em; opacity:0; visibility:hidden; transition:0.5s all; -webkit-transition:0.5s all;   position:relative; z-index:2; color:#333}
.sec2new li .sec22 .bottom{}
.sec2new li .w-wrap:hover{ }
.sec2new li .w-wrap:hover .sec21{ background:#fff;  top:0; }
.sec2new li .w-wrap:hover .sec21 img{ opacity:1;  visibility:visible;}
.sec2new li .w-wrap:hover .sec21 img:first-child{opacity:0;   visibility:hidden;}
.sec2new li .w-wrap:hover .sec22{ color:#333;}
.sec2new li .w-wrap:hover .sec22 p{ opacity:1;  visibility:visible; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.sec2new li .w-wrap:hover  .sec22  .bottom{  }


.sec2{}
.sec2 li{ float:left; width:25%; *margin-left:-1px;}
.sec2 li .w-wrap{ margin:0 30px;  }
.sec2 li .sec21{ position:relative; padding:0; top:-30px; transition:0.5s all; -webkit-transition:0.5s all;}
.sec2 li .sec21 .u{ position:relative;}
.sec2 li .sec21 img{ width:100%; height:200px; position:relative; transition:0.5s all; -webkit-transition:0.5s all; z-index:2;  opacity:0; visibility:hidden;}
.sec2 li .sec21 img:first-child{ position:absolute; z-index:1;   opacity:1;  visibility:visible;}
.sec2 li .sec22{ text-align:center; color:#000; position:relative; padding-bottom:20px;}
.sec2 li .sec22 span{ font-size:20px; position:relative; z-index:2; display:block; margin-bottom:0px;font-weight:400; padding-top:10px;}
.sec2 li .sec22 p{ font-size:14px; height:4.5em; opacity:0; visibility:hidden; transition:0.5s all; -webkit-transition:0.5s all;   position:relative; z-index:2;}
.sec2 li .sec22 .bottom{transition:0.5s all; -webkit-transition:0.5s all; background:#009fde;  width:100%; position:absolute; top:95%; bottom:0; left:0;  z-index:1;}
.sec2 li .w-wrap:hover{ }
.sec2 li .w-wrap:hover .sec21{ background:#fff;  top:0; }
.sec2 li .w-wrap:hover .sec21 img{ opacity:1;  visibility:visible;}
.sec2 li .w-wrap:hover .sec21 img:first-child{opacity:0;   visibility:hidden;}
.sec2 li .w-wrap:hover .sec22{ color:#fff;}
.sec2 li .w-wrap:hover .sec22 p{ opacity:1;  visibility:visible; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.sec2 li .w-wrap:hover  .sec22  .bottom{ background:#009fde; bottom:0; top:-10px; }


.section2 .sec2{}
.section2 .sec2 li{ float:left; width:25%; *margin-left:-1px;}
.section2 .sec2 li .w-wrap{ margin:0 30px;  }
.section2 .sec2 li .sec21{ position:relative; padding:0 20px 10px; top:-30px; transition:0.5s all; -webkit-transition:0.5s all;}
.section2 .sec2 li .sec21 .u{ position:relative;}
.section2 .sec2 li .sec21 img{ width:100%; height:210px; position:relative; transition:0.5s all; -webkit-transition:0.5s all; z-index:2;  opacity:0; visibility:hidden;}
.section2 .sec2 li .sec21 img:first-child{ position:absolute; z-index:1;   opacity:1;  visibility:visible;}
.section2 .sec2 li .sec22{ text-align:center; color:#000; position:relative; padding-bottom:5px;}
.section2 .sec2 li .sec22 span{ font-size:15px; position:relative; z-index:2; display:block;font-weight:600}
.section2 .sec2 li .sec22 p{ font-size:14px; height:2.5em; opacity:0; visibility:hidden; transition:0.5s all; -webkit-transition:0.5s all;   position:relative; z-index:2;}
.section2 .sec2 li .sec22 .bottom{transition:0.5s all; -webkit-transition:0.5s all; background:#009fde;  width:100%; position:absolute; top:95%; bottom:0; left:0;  z-index:1;}
.section2 .sec2 li .w-wrap:hover{ }
.section2 .sec2 li .w-wrap:hover .sec21{ background:#fff;  top:0; }
.section2 .sec2 li .w-wrap:hover .sec21 img{ opacity:1;  visibility:visible;}
.section2 .sec2 li .w-wrap:hover .sec21 img:first-child{opacity:0;   visibility:hidden;}
.section2 .sec2 li .w-wrap:hover .sec22{ color:#fff;}
.section2 .sec2 li .w-wrap:hover .sec22 p{ opacity:1;  visibility:visible; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.section2 .sec2 li .w-wrap:hover  .sec22  .bottom{ background:#009fde; bottom:0; top:-10px; }





.section3 .w > h3{ margin-bottom:50px;}
.section3 .sec3{}
.section3 .sec3 li{ float:left; width:25%; *margin-left:-1px; margin-bottom:40px;}
.section3 .sec3 li .w-wrap{ margin:0 20px;}
.section3 .sec3 .m{ position:relative; overflow:hidden;}
.section3 .sec3 .m a{ display:block;}
.section3 .sec3 .m span{transition:0.5s all; -webkit-transition:0.5s all; position:absolute; background:url(/templets/images/da_03.png) center no-repeat; top:-100%; left:0; width:100%; height:100%; z-index:2;}
.section3 .sec3 .m img{ width:100%; height:200px;}
.section3 .sec3 .p{ background:#fff; padding:5px; overflow:hidden; position:relative; text-align:center; font-size:15px; line-height:40px;}
.section3 .sec3 .p a{ display:block; position:relative; z-index:2;}
.section3 .sec3 .p span{ display:block; color:#aaa;}
.section3 .sec3 .p p{ display:block; color:#000;}
.section3 .sec3 .p .secc31{transition:0.3s all; -webkit-transition:0.3s all; position:absolute; z-index:1; width:100%; height:100%; background:#009fde; left:0; top:100%;}
.section3 .sec3 .w-wrap:hover  .m span{ top:0;}
.section3 .sec3 .w-wrap:hover .p .secc31{ top:0;}
.section3 .sec3 .w-wrap:hover .p span,
.section3 .sec3 .w-wrap:hover .p p{ color:#fff;}
.section .more{ text-align:center; font-size:18px; }
.section .more a{width:160px; height:42px; background:#009fde; color:#fff;line-height:42px; text-align:center; display:inline-block; border-radius:25px; transition: all 1s; -webkit-transition: all 1s;}
.section .more a:hover{width:200px;}

.section4 .w > h3{ margin-bottom:30px;}
.section4 .kehu{}
.section4 .kehu ul{}
.section4 .kehu li{ float:left; width:16%; *margin-left:-1px; margin:0 0 30px;}
.section4 .kehu li a{ position:relative; overflow:hidden; display:block; margin:0 15px; border:1px solid #f0f0f0; cursor:default;}
.section4 .kehu li a div{transition:0.3s all; -webkit-transition:0.3s all; position:absolute;  left:0; top:100%; width:100%; height:100%; background:#000; opacity:0.1; filter:alpha(opacity=10);}
.section4 .kehu li img{ width:100%; height:auto;}
.section4 .kehu li a:hover div{ top:0;}

.video-auto-box { position:absolute; left:0; top:0; width:100%; height:100%;}
.mark{  background:url(http://www.hlkx.net/web/2141/images/mark.gif) 0 0;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;}



.section6 .w > h2{ margin:50px 0 150px; color:#009fde}
.obj-list{ }
.obj-list li{ float:left; width:16.6%; position:relative; height:300px; }
.obj-list li .w-wrap{ margin:0 20px; position:absolute; left:0; right:0; bottom:0;}
.obj-list li span{ display:block; color:#fff; padding:5px 10px;  margin:0 2px 3px; font-size:14px; transition:0.3s all; -webkit-transition:0.3s all;}
.obj-list li span:hover { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.obj-list li span.last{ padding:10px 10px 40px; text-align:center; margin:0 0 3px;}
.obj-list li span.last:hover {transform:none; -webkit-transform:none; }
.obj-list li.i1 span { background:#f2980c;}
.obj-list li.i1 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_02.png) bottom center no-repeat;  background-size:100% auto;}
.obj-list li.i2 span { background:#1bb1ed;}
.obj-list li.i2 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_04.png) bottom center no-repeat;  background-size:100% auto;}
.obj-list li.i3 span { background:#0099d6;}
.obj-list li.i3 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_06.png) bottom center no-repeat;  background-size:100% auto;}
.obj-list li.i4 span { background:#007daf;}
.obj-list li.i4 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_08.png) bottom center no-repeat;  background-size:100% auto;}
.obj-list li.i5 span { background:#005c81;}
.obj-list li.i5 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_10.png) bottom center no-repeat;  background-size:100% auto;}
.obj-list li.i6 span { background:#167b75;}
.obj-list li.i6 span.last { background:url(http://www.hlkx.net/web/2141/images/jj_12.png) bottom center no-repeat;  background-size:100% auto;}

.section7 .w > h2{ margin:0 0 30px; color:#009fde}
.sh-team{}
.sh-team li{ float:left; width:16.6%; overflow:hidden; position:relative; z-index:1;}
.sh-team li a{ display:block;}
.sh-team li img{transition:0.3s all; -webkit-transition:0.3s all; position:relative; z-index:2; width:100%; height:auto;}
.sh-team li div{transition:0.7s all; -webkit-transition:0.7s all; position:absolute; width:200%; height:100%; top:0; left:0; z-index:1; background:#009FDE; opacity:0; filter:alpha(opacity=0); }
.sh-team li div p{ display:block; margin:10px 10px 10px 20px; color:#000; font-weight:bold; font-size:16px;}
.sh-team li div b{display:block; margin:10px 10px 1em  20px; color:#fff; font-weight:bold; font-size:20px;}
.sh-team li div span{display:block; margin:10px 10px 10px 20px; font-size:16px; color:#fff;}
.sh-team li.odd div{ right:0; left:auto;}
.sh-team li.odd:hover div{ right:100%; left:auto;}
.sh-team li:hover{ z-index:5; overflow:visible; transition-delay:0s !important; transition:none !important; -webkit-transition:none !important; }
.sh-team li:hover img{ transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); border-radius:2px; box-shadow:0 0 4px #999;}
.sh-team li:hover div{ left:100%; opacity:1; filter:alpha(opacity=100);}

.section8 .w > h2{ color:#fff;}
.section8 .w > h3{ margin:20px 0 30px; color:#fff; position:relative; padding-bottom:40px;}
.section8 .w > h3 i{ width:4em; height:5px; background:#009FDE; position:absolute; left:50%; bottom:0; margin-left:-2em;}
.sec8 { text-align:center; max-width:900px; margin:0 auto; padding:30px 0; color:#fff; font-size:16px;}
.sec8 p{ margin-bottom:2em; text-align:left;text-indent:2em;}
.sec81{ text-align:center;}
.sec82{ text-align:center;}
.sec82{margin:40px 0px 0px 0px;}
.sec82 a{width:200px; height:51px; background:#009fde; color:#fff;line-height:51px; text-align:center; display:inline-block; border-radius:5px;-moz-border-radius:5px; font-size:24px; transition:0.5s all; -webkit-transition:0.5s all;}
.sec82 a:hover{width:250px; }

.section9 .w{ padding:100px 0 0 0;}
.sec91{ float:left;height:auto;margin-top:200px; margin-right:40px;overflow:hidden;display:block;width: 293px;}
.sec91 img{display:block;}
.sec91 span.an_app{ float:right;width:115px;height:115px;margin-top:30px;display:block;background:url(http://www.hlkx.net/web/2141/images/gz_weixin.png) no-repeat;margin-left:35px;}
.sec91 span.gz_weixin{ float:right;width:115px;height:115px;margin-top:30px;display:block;margin-right:-7px;background:url(http://www.hlkx.net/web/2141/images/a_118.png) no-repeat;margin-left:35px;}
.sec91 span em {margin-top:115px;
    display: block;
    position: absolute;
    /*top: 154px;*/
    z-index: 999999999;
    text-align: center;
    width: 115px;
    font-style: normal;}

.sec92{display:block;border-left:1px solid #ddd; overflow:hidden; padding-left:40px;padding-top:5px;}
.sec921{}
.sec921 span{ font-size:26px; line-height:50px; color:#000;}
.sec921 p{font-size:15px;color:#666;margin:23px 0px 0px 0px;line-height:43px;background:url(http://www.hlkx.net/web/2141/images/a_113.png) no-repeat left 11px; padding:0px 0px 0px 35px;}
.sec921 p b{font-size:30px; color:#009fde; font-weight:normal;}

.sec922{margin:20px 0px 0px 0px; padding:20px 0px 0px 0px;font-size:14px;color:#6a6a6a; line-height:34px; overflow:hidden; border-top:1px solid #ddd;}
.sec922 b{color:#009fde; font-weight:normal;}
.sec9220{margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; font-size:14px; color:#6a6a6a; line-height:34px; overflow:hidden; border-top:1px solid #ddd; display:none;}
.sec9220 b{color:#009fde; font-weight:normal;}
.sec923{display:none;}

.body-box{ overflow:hidden; /*background:#282828;*/}
/*动画效果*/
/*1*/
.section1 .w .logo{ transition:1.8s all; -webkit-transition:1.8s all; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);}
.active .w .logo{transform:scale(1,1); -webkit-transform:scale(1,1);}
.section1 .w .nav{transition:1.2s all; -webkit-transition:1.2s all; transform:translateX(200px); -webkit-transform:translateX(200px);}
.active .w .nav{transform:translateX(0px); -webkit-transform:translateX(0px);}
.bak-mask{transition:1.8s all; -webkit-transition:1.8s all;  transform:translateY(100px) scale(0.5,0.5); -webkit-transform:translateY(100px) scale(0.5,0.5);}
.active .bak-mask{transform:scale(1,1); -webkit-transform:scale(1,1); transform:translateY(0px); -webkit-transform:translateY(0px);}


.lt10 .section1 .w .logo,
.lt10 .section1 .w .nav,
.lt10 .bak-mask{ transform:none; -webkit-transform:none;}
/*2*/
.section .w > h2{ transition:1.8s all; -webkit-transition:1.8s all; transform:scale(0.5,0.5) translateY(-50px); -webkit-transform:scale(0.5,0.5) translateY(-50px);}
.section .w > h3{ transition:1.5s all; -webkit-transition:1.5s all; transform:scale(0.5,0.5) translateY(50px); -webkit-transform:scale(0.5,0.5)  translateY(50px);}
.active.section .w > h2{transform:scale(1,1)  translateY(0px); -webkit-transform:scale(1,1)  translateY(0px);}
.active.section .w > h3{transform:scale(1,1)  translateY(0px); -webkit-transform:scale(1,1)  translateY(0px);}
.section2 .sec2 li:first-child{transition:2.5s all; -webkit-transition:2.5s all; transform:translateX(-250px); -webkit-transform:translateX(-250px);}
.active.section .sec2 li:first-child{ transform:translateX(0px); -webkit-transform:translateX(0px);}
.section2 .sec2 li:first-child+li{transition:1.6s all; -webkit-transition:1.6s all; transform:translateX(-150px); -webkit-transform:translateX(-150px);}
.active.section .sec2 li:first-child+li{ transform:translateX(0px); -webkit-transform:translateX(0px);}
.section2 .sec2 li:first-child+li+li{transition:1.6s all; -webkit-transition:1.6s all; transform:translateX(150px); -webkit-transform:translateX(150px);}
.active.section .sec2 li:first-child+li+li{ transform:translateX(0px); -webkit-transform:translateX(0px);}
.section2 .sec2 li:first-child+li+li+li{transition:2.5s all; -webkit-transition:2.5s all; transform:translateX(250px); -webkit-transform:translateX(250px);}
.active.section .sec2 li:first-child+li+li+li{ transform:translateX(0px); -webkit-transform:translateX(0px);}

.lt10 .section .w > h2,
.lt10 .section .w > h3,
.lt10 .section2 .sec2 li{ transform:none !important; -webkit-transform:none !important;}

/*3*/
.section3 .sec3 li{transition:1s all; transition-delay:0s; -webkit-transition:1s all; opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px)}
.active .sec3 li{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px)}
.active .sec3 li:first-child{ transition-delay:0.3s;}
.active .sec3 li:first-child+li{ transition-delay:0.6s;}
.active .sec3 li:first-child+li+li{ transition-delay:0.9s;}
.active .sec3 li:first-child+li+li+li{ transition-delay:1.2s;}
.active .sec3 li:first-child+li+li+li+li{ transition-delay:1.5s;}
.active .sec3 li:first-child+li+li+li+li+li{ transition-delay:1.8s;}
.active .sec3 li:first-child+li+li+li+li+li+li{ transition-delay:2.1s;}
.active .sec3 li:first-child+li+li+li+li+li+li+li{ transition-delay:2.4s;}
.section .more{ transition:2s all; -webkit-transition:2s all; transform:translateY(100px); -webkit-transform:translateY(100px)}
.active .more{transform:translateY(0px); -webkit-transform:translateY(0px)}

.lt10 .section3 .sec3 li,
.lt10 .section .more{transform:none !important; -webkit-transform:none !important;}

/*4*/
.section4 .kehu li{ transition:2s all; -webkit-transition:2s all; opacity:0; transform:translateX(-50px); -webkit-transform:translateX(-50px)}
.section4 .kehu li:nth-child(2n){transform:translateX(50px); -webkit-transform:translateX(50px)}
.active .kehu li,
.active .kehu li:nth-child(2n){opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px)}

.lt10 .section4 .kehu li{transform:none !important; -webkit-transform:none !important;}

/*5*/
.sec5 img{transition:2s all; -webkit-transition:2s all; transform:scale(0.3,0.3); -webkit-transform:scale(0.3,0.3);}
.active .sec5 img{transform:scale(1,1); -webkit-transform:scale(1,1);}
.sec5 b{transition:1s all; -webkit-transition:1s all; transform:scale(0.3,0.3); -webkit-transform:scale(0.3,0.3);}
.sec5 span{transition:1.5s all; -webkit-transition:1.5s all; transform:scale(0.3,0.3); -webkit-transform:scale(0.3,0.3);}
.active .sec5 b,
.active .sec5 span{transform:scale(1,1); -webkit-transform:scale(1,1);}

.lt10 .sec5 img,
.lt10 .sec5 b,
.lt10 .sec5 span{transform:none; -webkit-transform:none;}
/*6*/
.obj-list li{transition:1.5s all; transition-delay:0s; -webkit-transition:1.5s all; opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px)}
.active .obj-list li{opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px)}
.active .obj-list li:first-child{ transition-delay:0.4s;}
.active .obj-list li:first-child+li{ transition-delay:0.8s;}
.active .obj-list li:first-child+li+li{ transition-delay:1.2s;}
.active .obj-list li:first-child+li+li+li{ transition-delay:1.6s;}
.active .obj-list li:first-child+li+li+li+li{ transition-delay:2s;}
.active .obj-list li:first-child+li+li+li+li+li{ transition-delay:2.4s;}

.lt10 .obj-list li{transform:none !important; -webkit-transform:none !important;}
/*7*/
.sh-team li a{transition:1.5s all;  -webkit-transition:1.5s all; opacity:0; transform:scale(0.3,0.3); -webkit-transform:scale(0.3,0.3);}
.active .sh-team li a{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.active .sh-team li:first-child a{ transition-delay:1.2s;}
.active .sh-team li:first-child+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li a{ transition-delay:0.6s;}
.active .sh-team li:first-child+li+li+li a{ transition-delay:0.6s;}
.active .sh-team li:first-child+li+li+li+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li+li+li+li a{ transition-delay:1.2s;}
.active .sh-team li:first-child+li+li+li+li+li+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li a{ transition-delay:0.4s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li a{ transition-delay:0.2s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li a{ transition-delay:0.2s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.4s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:1.2s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.6s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.6s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:0.8s;}
.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a{ transition-delay:1.2s;}

.lt10 .sh-team li a{transform:none !important; -webkit-transform:none !important;}
/*8*/
.sec8 p{transition:1.5s all;  -webkit-transition:1.5s all; opacity:0; transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6);}
.active .sec8 p{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.active .sec8 p:first-child{ transition-delay:0.5s;}
.active .sec8 p:first-child+p{ transition-delay:1s;}
.active .sec8 p:first-child+p+p{ transition-delay:1.5s;}
.active .sec8 p:first-child+p+p+p{ transition-delay:2s;}

.lt10 .sec8 p{transform:none !important; -webkit-transform:none !important;}

.sec91{transition:1.5s all;  -webkit-transition:1.5s all; opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px)}
.active .sec91{transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1; }
.sec92{transition:2s all;  -webkit-transition:2s all; opacity:0; transform:translateX(200px); -webkit-transform:translateX(200px)}
.active .sec92{transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1; }

.lt10 .sec91,
.lt10 .sec92{transform:none; -webkit-transform:none;}
/*end*/


/*高度调节 兼容IE78*/
.h700 .section3 .w > h3{ margin-bottom:30px;}
.h750 .section .w > h2 { padding-top:55px; }
.h750 .sh-team { margin:0 50px; }
.h650 .sec5 b{ font-size:36px; padding-top:130px;}
.h650 .sec5 img{ width:480px; height:480px; margin:0 0 0 -240px;}
.h650 .sec5 span{ margin-bottom:70px;}
.h650 .obj-list li span{ font-size:12px;}
.h650 .obj-list li .w-wrap{ margin:0 20px;}
.h650 .section4 .kehu{ margin:0 50px;}
.h650 .sh-team{margin:0 50px;}
.h650 .section6 .w > h2{ margin-bottom:100px;}
.h650 .sec8 p{ margin-bottom:1em;}
.h600 .bak-mask{ margin-top:-50px;}
.h600 .section .w > h2{ padding-top:30px;}
.h600 .section4 .kehu li{ margin-bottom:10px;}
.h600 .sh-team{ margin:0 100px;}
.h600 .section9 .w{ padding-top:50px;}
.h550 .section .w > h3{ margin-bottom:50px;}
.h550 .section3 .sec3{ margin:0 100px;}
.h550 .section4 .kehu{ margin:0 100px;}
.h550 .sh-team{ margin:0 150px;}
.h550 .sh-team li div b{ margin-bottom:10px;}
.h550 .section .w > h3{ margin-bottom:20px;}
.h550 .sec82{ margin-top:20px;}
.h550 .sec8{ font-size:15px;}
.h550 .sec922{ line-height:24px;}
/*end*/
.other-body { background:#eff2f4;}
.fix-body { padding-top:100px;}.body-box
							   .w-box { margin:0 50px; }
.fix-header {  background:#fff; box-shadow:0 0 3px #eff2f4; position:fixed; left:0; top:0; width:100%; z-index:10000;}
.fix-header .body-box { padding-top:100px;}
.fix-header .w-box { position:relative; height:100px;}
.fix-header .logo{ float:left; width:250px; margin-top:10px; }
.fix-header .logo img { width:100%; height:auto;}
.fix-header p { position:absolute; right:0; top:50%; margin-top:-10px;}
.fix-header p a{ color:#009fde; font-size:14px;}
.fix-header p a img { margin-right:5px;}

.tit-box { font-size:24px; padding:20px 0;color:#fff;}
.kehu-box {}
.kehu-box ul{ margin:0 -15px;}
.kehu-box li{ float:left; width:16.66%; *margin-left:-1px; margin:0 0 30px;}
.kehu-box li a{ position:relative; overflow:hidden; display:block; margin:0 15px; border:1px solid #f0f0f0;}
.kehu-box li a div{transition:0.3s all; -webkit-transition:0.3s all; position:absolute;  left:0; top:100%; width:100%; height:100%; background:#000; opacity:0.1; filter:alpha(opacity=10);}
.kehu-box li img{ width:100%; height:auto;}
.kehu-box li a:hover div{ top:0;}

.tab-main { padding-top:55px;}
.tab-box-anli { background:#eceded; padding:10px 0; font-size:0; position:fixed; left:0; top:100px; width:100%; z-index:100;}
.tab-box-anli a { display:inline-block; margin-right:10px; font-size:14px; width:90px; text-align:center; line-height:2.5em; border-radius:2px; background:#ddd; color:#333;}
.tab-box-anli a.on { background:#009FDE; color:#fff;}



.case-box{ margin:0 -20px;}
.case-box li{ float:left; width:16.6%; *margin-left:-1px; margin-bottom:40px;}
.case-box li .w-wrap{ margin:0 20px;}
.case-box .m{ position:relative; overflow:hidden;}
.case-box .m a{ display:block;}
.case-box .m span{transition:0.5s all; -webkit-transition:0.5s all; position:absolute; background:url(http://www.hlkx.net/web/2141/images/da_03.png) center no-repeat; top:-100%; left:0; width:100%; height:100%; z-index:2;}
.case-box .m img{ width:100%; height:auto;}
.case-box .p{ background:#fff; padding:5px; overflow:hidden; position:relative;}
.case-box .p a{ display:block; position:relative; z-index:2;}
.case-box .p span{ display:block; color:#aaa;}
.case-box .p p{ display:block; color:#000;}
.case-box .p .secc31{transition:0.3s all; -webkit-transition:0.3s all; position:absolute; z-index:1; width:100%; height:100%; background:#009fde; left:0; top:100%;}
.case-box .w-wrap:hover  .m span{ top:0;}
.case-box .w-wrap:hover .p .secc31{ top:0;}
.case-box .w-wrap:hover .p span,
.case-box .w-wrap:hover .p p{ color:#fff;}

.lishw{ text-align:center; background:#dadade url(/web/2141/images/lsbg_02.jpg) no-repeat; background-attachment:fixed;}
.lish{ max-width:1160px; margin:0 auto; padding:40px 0;}
.lish h3{  font-size:100px; color:#ff0000;line-height:1.2; transition:1.5s; -webkit-transition:1.5s; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); opacity:0;}
.lish p{  font-size:26px; color:#4f4f4f;line-height:1.5;  transition:1.5s; -webkit-transition:1.5s; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); opacity:0;}
.lish h6{ font-size:40px; color:#ff0000; line-height:3;  transition:1.5s; -webkit-transition:1.5s; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); opacity:0;}

.lish p.open,
.lish h6.open,
.lish h3.open { transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}


.case-Img{margin:0 auto;padding-bottom:30px;width:1099px;background:white;}
.case-Img span{margin:0 auto;padding:30px 0px 20px 0px;width:100%;text-align:center; line-height:40px;color:#fff;background:#282828;}
.case-Img img{width:100%;}



.sidebar{position: fixed; right: 0;bottom:20%; margin-top:80px; width: 55px; background: rgba(0,0,0,0.3);
	padding: 12px 0 0 0; border-radius:8px 0 0 8px; z-index:99999999999;}
.sidebar li{height: 50px; width: 160px; padding-left: 17px; border-radius:8px 0 0 8px;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  }
.sidebar li img{display: block;}
.sidebar li:hover{margin-left: -105px; background: rgba(0,0,0,0.6); }



.star{position: fixed;left:0px;bottom:0px;width:100%;height:35px;background:rgba(0,0,0,0.6);
	padding:0;z-index:99999999999; display:none;}
.star ul{width:90%;margin:0 auto; text-align:center;}
.star ul li{width:auto;height:35px;display:inline-block;margin:0px 40px 0px 0px;}
.star ul li a{width:auto;height:35px;}
.star ul li a img{width:27px;height:27px;float:left;margin:4px 10px 0px 0px;}
.star ul li a span{width:auto;height:35px;float:left;line-height:35px;color:#fff;}
.star ul li:nth-child(2n+2){width:auto;height:35px;margin:0px 0px 0px 0px;}

.pace .pace-progress {
    background: #009fde;
    position: fixed;
    z-index: 2000;
    top:53px;
    right: 100%;
    width: 100%;
    height: 2px;
}
.pace-inactive {display: none;}




@media only screen and (max-width: 1440px) {
	.case-box li { width:20%;}
    .sec923{display:none;}

}
@media only screen and (max-width: 1366px) {
    .mouse {top:90%;}
    .sec923{display:none;}
}
@media only screen and (max-width: 1280px) {
	.wrap,
	.header .w,
	.section .w{ max-width:1100px;}
	.header	.w .nav li a{ margin:0 10px;}

		.case-box li { width:25%;}
    .mouse {top:90%;}
    .sec923{display:none;}
}
@media only screen and (max-width: 1200px) {
	.case-Img{width:100%;}

	

	.wrap,
	.section .w{ margin:0 50px;}
	.bak-mask{ width:480px; margin-left:-240px;}
	.obj-list li .w-wrap{ margin:0 10px;}
	.kehu-box li { width:20%;}
    .mouse {top:90%;}
    .sec923{display:none;}
}

@media only screen and (max-width: 1000px) {
	.wrap,
		.header .w,
	.section .w{ margin:0 30px;}
	.header	.w .nav li a{ margin:0;}
	 .w .logo img{ width:180px;}
	.header .w .nav{ margin-top:0;}
	.section2 .sec2 li{ width:50%; margin-bottom:20px; }
	.section2 .sec2 li .w-wrap{ max-width:200px; margin:0 auto; border-radius:3px; overflow:hidden;}
	.section2 .sec2 li .w-wrap .sec21{ background:#fff;  top:0; padding-top:20px; }
.section2 .sec2 li .w-wrap .sec21 img{ opacity:1;  visibility:visible;}
.section2 .sec2 li .w-wrap .sec21 img:first-child{opacity:0;   visibility:hidden;}
.section2 .sec2 li .w-wrap .sec22{ color:#fff;}
.section2 .sec2 li .w-wrap .sec22 p{ opacity:1;  visibility:visible;}
.section2 .sec2 li .w-wrap  .sec22  .bottom{ background:#009fde; bottom:0; top:-10px; height:auto;}

.section3 .sec3 li{ width:25%;}
.section3 .sec3 li .w-wrap{ }
.section4 .kehu li{ width:25%;}
.sec5 b{ font-size:36px;}
.obj-list li .w-wrap{ margin:0 5px;}
.obj-list li  span{ font-size:12px; padding:5px;}
.obj-list li span.last{ padding-bottom:20px;}
.sh-team li{ width:20%;}
.sh-team li div{ display:none !important;}
.sec91{ float:none; margin:0 0 40px;}
	.kehu-box li { width:25%;}
	.case-box li { width:33.3%;}
	.sec91 span{display:none;}
    .sec91 span.an_app{display:none; }
    .sec91 span.gz_weixin {display:none; }
    .mouse {top:90%;}
    .sec923{display:block;}
    .sec923 span.an_app{ float:left;width:115px;height:136px;margin-top:.5rem;background:url(/templets/images/sec923_01.png) no-repeat;margin-left:.5rem;}
    .sec923 span.gz_weixin{ float:left;width:115px;height:136px;margin-top:.5rem;margin-right:-7px;background:url(/templets/images/sec923_02.png) no-repeat;margin-left:.5rem;}
    .sec923 span em {margin-top:115px;
        display: block;
        position: absolute;
        /*top: 154px;*/
        z-index: 999999999;
        text-align: center;
        width: 115px;
        font-style: normal;}
}


@media only screen and (max-width: 767px) {
	.wrap,
		.header .w,
	.section .w{ margin:0 25px;}
	.section1 .w{ padding-top:20px;}
		.header .w .nav{ display:none;}
	.nfl{ display:block;}
	.bak-mask{ width:300px; margin:-50px 0 0 -150px; }

	.tab-box-anli { top:70px;}

	#fp-nav.right{ right:2px !important; transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}
	 .section .w > h3 img{ width:100%; height:auto; }
	 .section2 .sec2 li{ width:auto; float:none; margin-bottom:10px;}
	.section2 .sec2 li .w-wrap .sec21 { width:50px; float:left; padding:0}
	.section2 .sec2 li .w-wrap .sec21 .ttu1{ width:50px;  height:50px;}
	.section2 .sec2 li .w-wrap .sec21 .ttu2{ width:50px;  height:50px;}
	.section2 .sec2 li .w-wrap .sec22{ overflow:hidden;}
	.section2 .sec2 li .w-wrap{ max-width:none;}
	.section2 .sec2 li .sec22 { padding-bottom:0; height:60px; overflow:hidden}
	.section2 .sec2 li .sec22 span{ font-size:15px; line-height:25px; margin:0; padding-bottom:0; text-align:left; padding:0 8px; height:60px; overflow:hidden}
	.section2 .sec2 li .sec22 p{ font-size:12px; display:none;}
	
	
	.section2 .sec2 li .w-wrap  .sec22  .bottom{ background:#f5f5f5; bottom:0; top:-10px; height:60px; overflow:hidden}
	
	.section3 .sec3{ margin:0 !important;}
	.section3 .sec3 li{ width:25%; }

	.section3 .sec3 li p{ font-size:12px;}
	.section .w > h3{ margin-bottom:10px;}
	.section3 .w > h3{ margin-bottom:20px;}
	.section3 .sec3 li .w-wrap{ margin:0 8px;}
	.section3 .sec3 li{ display:none; margin-bottom:20px;}
	
	.section3 .sec3 .m img{ width:100%; height:70px;}
	
	.section3 .sec3 li:first-child,
	.section3 .sec3 li:first-child+li,
	.section3 .sec3 li:first-child+li+li,
	.section3 .sec3 li:first-child+li+li+li{ display:block;}
	.section .w > h2{ padding-top:50px; font-size:24px;}
	.section4 .kehu{ margin:0 !important;}
	.section4 .kehu li{ width:33.3%; margin-bottom:10px;}
	
	.section4 .kehu li a{ margin:0 8px;}
	
	.sec5{ height:320px;}
	.sec5 img{ width:300px; height:300px; margin:0 0 0 -150px;}
	.sec5 b{ padding-top:70px; font-size:20px;}
	.sec5 span{ font-size:16px; margin-bottom:20px;}
	.sec5 p{ font-size:14px;}
	.section6 .w > h2{ margin:0px 0 10px;}
.section .w > h3{ font-size:18px;}
	.obj-list li { float:none; height:auto; width:auto; font-size:0;}
	.obj-list li .w-wrap{ position:relative; margin-bottom:10px; }
	.obj-list li span.last{ display:none;}
	.obj-list li span{ display:inline-block; float:none; margin:0 3px 3px 0; font-size:12px;}
	.sh-team li{ width:25%;}
	.sec8 { font-size:12px; padding:0;}
	.section8 .w > h3{ margin:10px 0; padding-bottom:10px;}
	.sec8 p{ margin-bottom:1em;}
	
	.sec82 a{width:100px; height:31px;line-height:31px; font-size:14px;}
	.sec82 a:hover{width:150px; }

	.sec91 img{ width:44%; height:auto;}
	.section9 .w{ padding:50px 0 0;}
	.sec92{ padding-left:5px;padding-top: 10px;padding-bottom:10px;}
	.sec91{ margin-bottom:20px; display:none;}
	.sec921 span{ font-size:18px;}
	.sec921 p{ font-size:13px; line-height:30px; background:none; padding:0;margin-top: 10px;}
	.sec921 p b{ font-size:28px;}
	.sec922{ display:none;}
    .sec923{display:block;overflow: hidden;padding-top: 5px;}
    .sec923 span.an_app{ float:left;width:115px;height:136px;margin-top:.5rem;background:url(/templets/images/sec923_01.png) no-repeat;margin-left:.5rem;}
    .sec923 span.gz_weixin{ float:left;width:115px;height:136px;margin-top:.5rem;margin-right:-7px;background:url(/templets/images/sec923_02.png) no-repeat;margin-left:.5rem;}
    .sec923 span em {margin-top:101px;
        display: block;
        position: absolute;
        /*top: 154px;*/
        z-index: 999999999;
        text-align: center;
        width: 115px;
        font-style: normal;
        font-size:12px;
    }

	.tab-box-anli a { width:23%; margin:0 1%; font-size:12px;}
	.fix-body { padding-top:70px;}
	.fix-header .w-box { height:70px;}
	.fix-header .logo { width:180px;}
	.w-box { margin:0 25px;}
		.kehu-box li { width:50%;}
			.case-box li { width:50%;}
	.case-box{ margin:0 -10px; }
	.case-box li .w-wrap { margin:0 10px;}
	.lish { padding:30px 20px;}
	.lish h3 { font-size:24px;}
	.lish p { font-size:14px;}
	.lish h6 { font-size:18px;}
	
	.sidebar{display:none;}
	.star{display:block;}
	
	#fp-nav{display:none;}
	
	.bx-pager{display:none;}
	.mouse{display:none;}


	.video-auto-box video { display:none;}
}
@media only screen and (max-width: 360px) {
	.tab-main { padding-top:100px;}
	.tab-box-anli a { width:40%; margin:0 5%; font-size:12px; margin-bottom:10px;}
}